<template>
  <div class="box">
    <el-header class="headers">{{ detail.title }}</el-header>
    <el-button @click="changePage" class="back" type='primary' plain>返回</el-button>
    <section class="ql-editor contents" v-html="detail.content" ></section>
  </div>
</template>

<script>
import { getDetailsTutorial_manage } from "@/api/manage";

export default {
  created() {
    this.getDetailsTutorial_manage(this.$route.params.id);
  },
  data() {
    return {
      value01: "",
      detail: {},
    };
  },
  methods: {
    getDetailsTutorial_manage(id) {
      getDetailsTutorial_manage({ id }).then((res) => {
        this.detail = res.data[0];
      });
    },
    changePage() {
      this.$router.go(-1)
      // this.$router.push({
      //   path:'/systemsManage/course'
      // });
    },
  },
  components: {},
};
</script>

<style scoped lang='less'>
.contents{
  width: 100%;
  /deep/img{
    max-width: 100%;
  }
}
.headers {
  font-family: "Microsoft YaHei";
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  line-height: 50px;
}
.back{
  position: fixed;
  right: 8%;
  top: 8%;
}
</style>
